﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>简单实用蓝色jQuery日期选择插件 - 素材家园</title>
<link href="css/lyz.calendar.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
<script src="js/lyz.calendar.min.js" type="text/javascript"></script>
<style>
body {
	font-size: 12px;
	font-family: "微软雅黑", "宋体", "Arial Narrow";
}
</style>
<script>
	$(function() {
		$("#txtBeginDate").calendar({
			controlId : "divDate", // 弹出的日期控件ID，默认: $(this).attr("id") + "Calendar"
			speed : 200, // 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认：200
			complement : true, // 是否显示日期或年空白处的前后月的补充,默认：true
			readonly : true, // 目标对象是否设为只读，默认：true
			upperLimit : new Date(), // 日期上限，默认：NaN(不限制)
			lowerLimit : new Date("2011/01/01"), // 日期下限，默认：NaN(不限制)
			callback : function() { // 点击选择日期后的回调函数
				alert("您选择的日期是：" + $("#txtBeginDate").val());
			}
		});
		$("#txtEndDate").calendar();
	});
</script>
</head>
<body>
<marquee border="0" align="middle" scrolldelay="120">亲，喜欢就拿去用吧！</marquee>
	<DIV
		style="FILTER: glow(color = #000000, strength = 1); COLOR: #000000; HEIGHT: 10px">
		<FONT size=3><MARQUEE style="WIDTH: 213px; HEIGHT: 120px"
				scrollAmount=1 scrollDelay=1 direction=up width=213 height=120>
			<P align=left>
				公告 : <BR><BR>本 blog 的 文 章 <BR><BR>纯属分享<BR><BR>无须本人许可<BR><BR>喜欢就转载<BR><BR>
			</P>
		</MARQUEE>
		</FONT>
	</DIV>
	<div style="margin: 200px auto; width: 500px;">
		<input id="txtBeginDate"
			style="width: 170px; padding: 7px 10px; border: 1px solid #ccc; margin-right: 10px;" />
		<input id="txtEndDate"
			style="width: 170px; padding: 7px 10px; border: 1px solid #ccc;" />
	</div>
</body>
</html>
